<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>Gerenciador de Livros</title>
        
<style>
	
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}	


</style>   
        <link type="text/css" rel="stylesheet" href="dot-luv/skin.css"/>           
</h:head>
<f:view>
<h:body>

		<p:layout fullPage="true">
					    <p:layoutUnit position="west" size="300" header="Atividades" >
					        <h:form prependId="false">
					        </h:form>
					    </p:layoutUnit>
					  <p:layoutUnit position="center">  
					       <h:form id="form2" prependId="false">
					               <h:panelGrid id="infosLivro1" columns="3" style="margin-bottom:10px">
					                    <h:outputLabel for="titulo" value="Id número:" />
					                    <p:inputText id="id" value="#{persona.numero}"/>
					                    <p:commandButton   actionListener="#{persona.buscarByNumDocumento}" value="Buscar" update=":form2:infosLivro" ></p:commandButton>				
					               </h:panelGrid>                                    
					                <h:panelGrid id="infosLivro" columns="6" style="margin-bottom:10px">
					                     <h:outputLabel value="Número:" />
					                     <p:inputText value="#{persona.documentoPersonaN.numero}"/>
					                     <h:outputLabel  value="ID Documento:" />
					                     <p:inputText value="#{persona.documentoPersonaN.idDocumentoPersona}"/>
					                     <h:outputText value="AP. Paterno:"  styleClass="rigth" />
										<p:inputText value="#{persona.personaN.apellidoPaternoRazonSocial}"  styleClass="width_input"/>
										<h:outputText value="AP. Materno:" styleClass="rigth" />
										<p:inputText value="#{persona.personaN.apellidoMaterno}"  styleClass="width_input"/>
										<h:outputText value="Nombres:" styleClass="rigth"  />
										<p:inputText value="#{persona.personaN.nombrePersonaNombreComercial}"  styleClass="width_input"/>
										
										<h:outputText value="Tipo documento:"  styleClass="rigth" />
										<p:selectOneMenu value="#{persona.idCTMNatural}" styleClass="width_input">
											<f:selectItems value="#{maestro.listaTipodocumento}"/>
										</p:selectOneMenu>
										<h:outputText value="Número:" styleClass="rigth" />
										<p:inputText value="#{persona.documentoPersonaN.numero}"  styleClass="width_input"/>
										
										<h:outputText value="Tipo Teléfono:"  styleClass="rigth" />
										<p:selectOneMenu value="#{persona.idCTMTelf}" styleClass="width_input">
											<f:selectItems value="#{maestro.listaTipotelefono}"/>
										</p:selectOneMenu>
										<h:outputText value="Número:" styleClass="rigth" />
										<p:inputText value="#{persona.telefonoPersonaN.numero}"  styleClass="width_input"/>
										<h:outputText value="Anexo:" styleClass="rigth"  />
										<p:inputText value="#{persona.telefonoPersonaN.anexo}"  styleClass="width_input"/>
										
										<h:outputText value="Email:"  styleClass="rigth" />
										<p:inputText value="#{persona.personaN.email}"  styleClass="width_input"/>
										<h:outputText value="Pagina web:"  styleClass="rigth" />
										<p:inputText value="#{persona.personaN.paginaWeb}"  styleClass="width_input"/>
										
										<h:outputText value="Departamento:" styleClass="rigth" />
										<p:selectOneMenu id="selectDepartamento" value="#{ubigeo.idDepartamento}" styleClass="width_input">
											<f:selectItem itemValue="" itemLabel="Departamento"/>
											<f:selectItems value="#{ubigeo.listaDepartamento}"/>
											<p:ajax update="selectProvincia, selectDistrito" /> 
										</p:selectOneMenu>
										<h:outputText value="Provincia:" styleClass="rigth"/>
										<p:selectOneMenu id="selectProvincia" value="#{ubigeo.idProvincia}" styleClass="width_input">
											<f:selectItem itemValue="" itemLabel="Provincia"/>
											<f:selectItems value="#{ubigeo.listaProvincia}"/>
											<p:ajax update="selectDistrito" /> 
										</p:selectOneMenu>
										<h:outputText value="Distrito:" styleClass="rigth"/>
										<p:selectOneMenu id="selectDistrito" value="#{ubigeo.idDistrito}" styleClass="width_input">
											<f:selectItem itemValue="" itemLabel="Distrito"/>
											<f:selectItems value="#{ubigeo.listaDistrito}"/>
											<p:ajax update="selectDistrito" /> 
										</p:selectOneMenu>
									
					                </h:panelGrid>
				           </h:form>
					  </p:layoutUnit>
	    </p:layout>         
</h:body>
</f:view>
</html>